 <div id="leftbox">
 
    <#if type??>
		<div class="tagbg">
		  <div class="topbg"></div>
		  <div class="text">
		    <#if type == "category">
		 		All posts in "<strong>${typeName}</strong>"
		 	<#elseif type="tag">
		 		All posts tagged with "<strong>${typeName}</strong>"
		    </#if>
		  </div>
		  <div class="btmbg"></div>
		</div>
    </#if>
    
    <#if blogItems??>
		<#assign blogs = blogItems.items>
		<#if blogs?size &gt; 0>
			<#list blogs as blog>
				<#assign pic = blog.thumbnail>
				<#if ! pic?starts_with("http")>
					<#assign pic = contextPath + pic>
				</#if>
				
				<#if type??>
					<div class="blog_item margin15">
				<#elseif blog_index == 0>
					<div class="blog_item">
				<#else>
					<div class="blog_item margin15">
				</#if>
			
				      <div class="topbg"></div>
				      <div class="contbox">
				        <div class="title">
				          <h2><a href="${contextPath}/blog/${blog.urlTitle}">${blog.title}</a></h2>
				          <p class="time">${(blog.created)?date} | Posted by ${blog.author!''} in <a href="${contextPath}/blog/category/${blog.category}">${blog.category}</a></p>
				        </div>
				        
				      
				        <div class="nrk">
				         ${blog.introduction}
				        </div>
				       
				        <div class="btmbox">
				          <div class="tagged">Tagged  
				          <#list blog.tags?split(",") as tag><#if tag_index &gt; 0>,</#if>
				          	<#if typeName??>	
				          		<#if typeName?trim == tag?trim>
				          			<a href="${contextPath}/blog/tag/${tag}" class="red" title="${tag}">${tag}</a>
				          		<#else>
				          			<a href="${contextPath}/blog/tag/${tag}" title="${tag}">${tag}</a>
				          		</#if>
				          		<#else>
				          			<a href="${contextPath}/blog/tag/${tag}" title="${tag}">${tag}</a>
				          	</#if>
				          	</#list>
				          </div>
				         <ul class="social">
				         	<li style="width:70px; overflow:hidden;"><div class="g-plusone" data-size="medium" data-href="http://www.wontube.com/blog/${blog.urlTitle}"></div></li>
				         	<li style="width:85px; overflow:hidden;">
				         	<iframe src="//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.wontube.com%2Fblog%2F${blog.urlTitle}&amp;send=false&amp;layout=button_count&amp;width=80&amp;show_faces=true&amp;action=like&amp;colorscheme=light&amp;font&amp;height=21&amp;appId=385893978124932" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:80px; height:21px;" allowTransparency="true"></iframe></li>
				          	<li style="width:90px; overflow:hidden;"><a href="https://twitter.com/share" class="twitter-share-button" data-url="http://www.wontub.com/blog/${blog.urlTitle}" data-via="heweichang">Tweet</a></li>
				         </ul>
				          
				        </div>
				        
				      </div>
				      <div class="btmbg"></div>
				    </div>
			</#list> 
			 <div class="pagebg margin15">
		      <div class="topbg"></div>
		      <div id="page_box2" class="pageing"> 
		          <#include "/macro/new_pager.ftl">	
		          <#if type??>
		          	<#assign preUrl = contextPath + "/blog/"+type+"/"+typeName+"/{page}">
		          	<#else>
		          	<#assign preUrl = contextPath + "/blogs/{page}">
		          </#if>	
		          
				  <#assign page = blogItems.pageNo>	
				  <#assign pageCount = blogItems.pageCount>		
				  <@pager preUrl page pageCount />
		      </div>
		      <div class="btmbg"></div>
		    </div>
        <#else>
        	No more blogs.
        </#if>
    <#else>
    	No more blogs.
    </#if>
    
  </div>

  <!-- leftbox end -->  